<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      华硕商城ASUS_笔记本电脑、一体机、DIY配件、数码外设、手机、台式机官方网站
    </title>
    <link rel="stylesheet" href="./CSS/index.css" />
  </head>

  <body>
    <!-- 长达1920的顶栏开始 -->
    <header>
      <!-- 顶栏中的两个导航栏开始 -->
      <nav class="clearfix">
        <!-- 左侧导航栏开始 -->
        <ul class="nav_left">
          <li><a href="javascript:;">商城首页</a></li>
          |
          <li><a href="javascript:;">企业采购</a></li>
          |
          <li><a href="javascript:;">新机租凭</a></li>
          |
          <li><a href="javascript:;">驱动下载</a></li>
          |
          <li><a href="javascript:;">A码通道</a></li>
          |
          <li><a href="javascript:;">装机必备</a></li>
        </ul>
        <!-- 左侧导航栏结束 -->
        <!-- 右侧导航栏开始 -->
        <ul class="nav_right">
          <li><a href="javascript:;">登录</a></li>
          |
          <li><a href="javascript:;">注册</a></li>
          |
          <li><a href="javascript:;">消息</a></li>
          |
          <li><a href="javascript:;">我的订单</a></li>
          |
          <li>
            <a href="javascript:;">手机版</a>
            <!-- 鼠标移入时显示的列表开始 -->
            <ul class="QR_ul">
              <li>
                <img src="./IMG/myPhone/1.png" alt="" />
                <div>
                  <p>华硕商城APP</p>
                  <p>新人专享礼包</p>
                  <div>
                    <img src="./IMG/myPhone/android.png" alt="" />
                    <img src="./IMG/myPhone/iPhone.png" alt="" />
                    <img src="./IMG/myPhone/weChat.png" alt="" />
                  </div>
                </div>
              </li>
              <hr />
              <li>
                <img src="./IMG/myPhone/2.png" alt="" />
                <div>
                  <p>华硕公众号</p>
                  <p>微信扫一扫</p>
                  <div>
                    <img src="./IMG/myPhone/weChat.png" alt="" />
                  </div>
                </div>
              </li>
              <hr />
              <li>
                <img src="./IMG/myPhone/3.png" alt="" />
                <div>
                  <p>微信小程序</p>
                  <p>微信扫一扫</p>
                  <div>
                    <img src="./IMG/myPhone/weChat.png" alt="" />
                  </div>
                </div>
              </li>
            </ul>
            <!-- 鼠标移入时显示的列表结束 -->
          </li>
          |
          <li>
            <i></i>
            <a href="javascript:;">购物车（0）</a>
            <!-- 鼠标移入时展示的部分开始 -->
            <div>
              <p>购物车中还没有商品</p>
            </div>
            <!-- 鼠标移入时展示的部分结束 -->
          </li>
        </ul>
        <!-- 右侧导航栏结束 -->
      </nav>
      <!-- 顶栏中的两个导航结束 -->
    </header>
    <!-- 长达1920的顶栏结束 -->
    <!-- 包含logo的顶部模块开始 -->
    <section>
      <!-- 长度为1226的容器开始 -->
      <div class="top_module clearfix">
        <!-- logo -->
        <div class="logo">
          <img src="./IMG/logo.png" alt="" />
        </div>
        <!-- logo -->
        <!-- 模块菜单开始 -->
        <div class="menu">
          <ul class="ul_menu">
            <li>
              <img src="./IMG/section/1.png" alt="" /><a href="javascript:;"
                >华硕官网</a
              >
            </li>
            <li>
              <img src="./IMG/section/2.png" alt="" /><a href="javascript:;"
                >ROG专区</a
              >
            </li>
            <li>
              <img src="./IMG/section/3.png" alt="" /><a href="javascript:;"
                >a豆专区</a
              >
            </li>
            <li>
              <img src="./IMG/section/4.png" alt="" /><a href="javascript:;"
                >ProArt</a
              >
            </li>
            <li><a href="javascript:;">热门活动</a></li>
          </ul>
        </div>
        <!-- 模块菜单结束 -->
        <!-- 模块搜索框开始 -->
        <form class="form_search">
          <input type="text" />
          <div class="button_search"></div>
        </form>
        <!-- 模块搜索框结束 -->
      </div>
      <!-- 长度为1226的容器结束 -->
    </section>
    <!-- 包含logo的顶部模块结束 -->
    <!-- 网页主体部分开始 -->
    <main>
      <!-- 轮播图部分开始 -->
      <div class="div_lunbo">
        <!-- 图片列表开始 -->
        <ul class="ul_lunbo">
          <li>
            <a href="javascript:;"><img src="./IMG/1.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/2.png" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/3.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/4.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/5.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/6.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/7.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./IMG/1.jpg" alt="" /></a>
          </li>
        </ul>
        <!-- 图片列表结束 -->
        <!-- 轮播图左右按钮开始 -->
        <a href="javascript:;" class="lunbo_left"></a>
        <a href="javascript:;" class="lunbo_right"></a>
        <!-- 轮播图左右按钮结束 -->
        <!-- 轮播图导航开始 -->
        <ul class="lunbo_nav"></ul>
        <!-- 轮播图导航结束 -->
        <!-- 轮播图中的边侧商吕列表开始 -->
        <ul class="ul_aside clearfix">
          <li>
            <img src="./IMG/aside/noteBook.png" alt="" />
            <a href="javascript:;">笔记本电脑</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/1.png" alt="" />
                        <span>高效游戏</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">天选2</a></li>
                    <li><a href="javascript:;">天选3</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/2.jpg" alt="" />
                        <span>校园首选</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">无畏</a></li>
                    <li><a href="javascript:;">VivoBook</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/3.jpg" alt="" />
                        <span>职场便携</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">灵耀13s</a></li>
                    <li><a href="javascript:;">灵耀Pro</a></li>
                    <li><a href="javascript:;">灵耀X</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/4.png" alt="" />
                        <span>个性潮色</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">a豆</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/5.jpg" alt="" />
                        <span>创意设计</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">ProArt</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/notebook/6.jpg" alt="" />
                        <span>高端商务</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">破晓</a></li>
                    <li><a href="javascript:;">博文</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <img src="./IMG/aside/rog.png" alt="" />
            <a href="javascript:;">ROG年度新品</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/rog/1.jpg" alt="" />
                        <span>电竞本</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">冰刃</a></li>
                    <li><a href="javascript:;">枪神</a></li>
                    <li><a href="javascript:;">魔霸</a></li>
                    <li><a href="javascript:;">幻</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/rog/2.png" alt="" />
                        <span>游戏手机</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">游戏手机</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/rog/3.jpg" alt="" />
                        <span>电竞台机</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">光魔</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/rog/4.jpg" alt="" />
                        <span>信仰周边</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">服饰</a></li>
                    <li><a href="javascript:;">背包</a></li>
                    <li><a href="javascript:;">周边</a></li>
                    <li><a href="javascript:;">Slash</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <img src="./IMG/aside/diy.png" alt="" />
            <a href="javascript:;">DIY电脑组件</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/diy/1.jpg" alt="" />
                        <span>主板</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">Z690系列</a></li>
                    <li><a href="javascript:;">B660系列</a></li>
                    <li style="margin-left: 210px">
                      <a href="javascript:;">X570/B550</a>
                    </li>
                    <li><a href="javascript:;">Z590/B560</a></li>
                    <li><a href="javascript:;">H510/Z490/B460</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/diy/2.jpg" alt="" />
                        <span>显卡</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">ROG系列</a></li>
                    <li><a href="javascript:;">TUF系列</a></li>
                    <li><a href="javascript:;">DUAL系列</a></li>
                    <li><a href="javascript:;">巨齿鲨系列</a></li>
                    <li style="margin-left: 210px">
                      <a href="javascript:;">套装系列</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/diy/3.jpg" alt="" />
                        <span>显示器</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">22-25英寸</a></li>
                    <li><a href="javascript:;">26-28英寸</a></li>
                    <li><a href="javascript:;">29-65英寸</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/diy/4.jpg" alt="" />
                        <span>机电散</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">机箱</a></li>
                    <li><a href="javascript:;">电源</a></li>
                    <li><a href="javascript:;">散热器</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/diy/5.jpg" alt="" />
                        <span>DIY套装系列</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">全家桶套装</a></li>
                    <li><a href="javascript:;">板卡套装</a></li>
                    <li><a href="javascript:;">机电散套装</a></li>
                    <li><a href="javascript:;">键鼠套装</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <img src="./IMG/aside/network.png" alt="" />
            <a href="javascript:;">网络/外设</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/network/1.jpg" alt="" />
                        <span>路由器</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">家用路由器</a></li>
                    <li><a href="javascript:;">电竞路由器</a></li>
                    <li><a href="javascript:;">分布式路由器</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/network/2.jpg" alt="" />
                        <span>键鼠外设</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">键盘</a></li>
                    <li><a href="javascript:;">鼠标</a></li>
                    <li><a href="javascript:;">耳机</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <img src="./IMG/aside/pc.png" alt="" />
            <a href="javascript:;">整机产品</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/pc/1.jpg" alt="" />
                        <span>台式机</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">天选</a></li>
                    <li><a href="javascript:;">碉堡</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/pc/2.jpg" alt="" />
                        <span>一体机</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">猎鹰</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/pc/3.jpg" alt="" />
                        <span>Mini PC</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">PN系列</a></li>
                    <li><a href="javascript:;">VC系列</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/pc/4.jpg" alt="" />
                        <span>显示器</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">22-25英寸</a></li>
                    <li><a href="javascript:;">26-28英寸</a></li>
                    <li><a href="javascript:;">29-65英寸</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <img src="./IMG/aside/smart.png" alt="" />
            <a href="javascript:;">智能数码/周边</a>
            <img src="./IMG/aside/arrow.png" alt="" />
            <div>
              <ul>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/smart/1.jpg" alt="" />
                        <span>周边配件</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">周边</a>
                    </li>
                    <li>
                      <a href="javascript:;">转接线</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/smart/2.jpg" alt="" />
                        <span>a豆智能</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">智能平板</a>
                    </li>
                    <li>
                      <a href="javascript:;">a豆周边</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/smart/3.jpg" alt="" />
                        <span>会员权益</span>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">新人礼</a>
                    </li>
                    <li>
                      <a href="javascript:;">福袋</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/smart/4.jpg" alt="" />
                        <span>增值服务</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">延长保修</a></li>
                    <li><a href="javascript:;">服务升级</a></li>
                  </ul>
                </li>
                <li>
                  <ul>
                    <li>
                      <a href="javascript:;">
                        <img src="./IMG/aside/smart/5.jpg" alt="" />
                        <span>华硕优品</span>
                      </a>
                    </li>
                    <li><a href="javascript:;">路由器</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
        </ul>
        <!-- 轮播图中的边侧商器列表结束 -->
      </div>
      <!-- 轮播图部分结束 -->
      <!-- center_module开始 -->
      <div class="center_module">
        <!-- 1226容器开始 -->
        <div class="box_1226">
          <!-- 模块顶部开始 -->
          <div class="top">
            <div class="top_left">
              <p>
                <span>ROG耀光2新品来袭！</span>
                <img src="./IMG/center_module/right/notice.png" alt="" />
              </p>

              <p>
                <a href="javascript"
                  >直觉控制滚轮/PBT透光键帽/内置吸音棉更多新品详情点击了解哦~</a
                >
              </p>

              <ul>
                <li>
                  <img src="./IMG/center_module/right/dui.png" alt="" /><span
                    >官方商城</span
                  >
                </li>
                <li>
                  <img src="./IMG/center_module/right/dui.png" alt="" /><span
                    >售后无忧</span
                  >
                </li>
                <li>
                  <img src="./IMG/center_module/right/dui.png" alt="" /><span
                    >以旧换新</span
                  >
                </li>
              </ul>
            </div>
            <div class="top_center">
              <ul>
                <li>
                  <a href="javascript:;">
                    <img src="./IMG/center_module/top_center/1.png" alt="" />
                    <p>华硕发屏</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./IMG/center_module/top_center/2.png" alt="" />
                    <p>以旧换新</p>
                  </a>
                </li>
                <li>
                  <a href="">
                    <img src="./IMG/center_module/top_center/3.png" alt="" />
                    <p>企业采购</p>
                  </a>
                </li>
                <li>
                  <a href="">
                    <img src="./IMG/center_module/top_center/4.png" alt="" />
                    <p>领券中心</p>
                  </a>
                </li>
                <li>
                  <a href="">
                    <img src="./IMG/center_module/top_center/5.png" alt="" />
                    <p>服务与支持</p>
                  </a>
                </li>
              </ul>
            </div>
            <div class="top_right">
              <img src="./IMG/center_module/top_center/6.png" alt="" />
              <div>
                <a href="javascript:;">登录</a><span></span
                ><a href="javascript:;">注册</a>
              </div>
            </div>
          </div>
          <!-- 模块顶部结束 -->
          <!-- 模块中部开始 -->
          <div class="center">
            <div class="module_lunbo">
              <ul>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/1.png" alt=""
                  /></a>
                </li>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/2.png" alt=""
                  /></a>
                </li>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/3.png" alt=""
                  /></a>
                </li>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/4.png" alt=""
                  /></a>
                </li>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/5.png" alt=""
                  /></a>
                </li>
                <li>
                  <a href="javascript:;"
                    ><img src="./IMG/center_module/module_center/6.png" alt=""
                  /></a>
                </li>
              </ul>
              <!-- 左右按钮开始 -->
              <a class="btn_left" href="javascript:;">
                <img
                  src="./IMG/center_module/module_center/btn_left.png"
                  alt=""
                />
              </a>
              <a class="btn_right" href="javascript:;">
                <img
                  src="./IMG/center_module/module_center/btn_right.png"
                  alt=""
                />
              </a>
              <!-- 左右按钮结束 -->
            </div>
          </div>
          <!-- 模块中部结束 -->
          <!-- 模块底部开始 -->
          <div class="bottom">
            <div class="module_banner">
              <ul>
                <li>
                  <a href="javascript:;">
                    <img
                      src="./IMG/center_module/module_center/banner1.png"
                      alt=""
                    />
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img
                      src="./IMG/center_module/module_center/banner2.jpg"
                      alt=""
                    />
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- 模块底部结束 -->
        </div>
        <!-- 1226容器结束 -->
      </div>
      <!-- center_module结束 -->
      <!-- 楼层部分开始 -->
      <div class="louchen">
        <!-- 1226开始 -->
        <div class="box1226">
          <!-- 楼层项开始01 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">1F 游戏专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen1/left.png" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/1.jpg" alt="" />
                      <p>天选3 日蚀灰</p>
                      <p>i5-12500H RTX3050</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/2.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3050Ti</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/3.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3060</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/4.jpg" alt="" />
                      <p>天选3 Plus 日蚀灰</p>
                      <p>i7-12700H RTX3070</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束01 -->
          <!-- 楼层项开始02 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">2F 轻薄专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen2/left.jpg" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen2/1.png" alt="" />
                      <p>a豆14 钛空银</p>
                      <p>11代i5 100%sRGB高色域</p>
                      <p><span>￥4599</span><span>￥4899</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen2/2.png" alt="" />
                      <p>VivoBook15X 冰晶银</p>
                      <p>11代i5 锐炬Xe</p>
                      <p><span>￥4399</span><span>￥4999</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen2/3.png" alt="" />
                      <p>无畏 Pro14</p>
                      <p>锐龙R7 / 2.8K OLED屏</p>
                      <p><span>￥4799</span><span>￥5799</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen2/4.jpg" alt="" />
                      <p>无胃Pro 15</p>
                      <p>标压R7 RTX 3050</p>
                      <p><span>￥5999</span><span>￥6799</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束02 -->
          <!-- 楼层项开始03 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">1F 游戏专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen1/left.png" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/1.jpg" alt="" />
                      <p>天选3 日蚀灰</p>
                      <p>i5-12500H RTX3050</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/2.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3050Ti</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/3.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3060</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/4.jpg" alt="" />
                      <p>天选3 Plus 日蚀灰</p>
                      <p>i7-12700H RTX3070</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束03 -->
          <!-- 楼层项开始04 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">1F 游戏专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen1/left.png" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/1.jpg" alt="" />
                      <p>天选3 日蚀灰</p>
                      <p>i5-12500H RTX3050</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/2.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3050Ti</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/3.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3060</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/4.jpg" alt="" />
                      <p>天选3 Plus 日蚀灰</p>
                      <p>i7-12700H RTX3070</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束04 -->
          <!-- 楼层项开始05 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">1F 游戏专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen1/left.png" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/1.jpg" alt="" />
                      <p>天选3 日蚀灰</p>
                      <p>i5-12500H RTX3050</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/2.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3050Ti</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/3.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3060</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/4.jpg" alt="" />
                      <p>天选3 Plus 日蚀灰</p>
                      <p>i7-12700H RTX3070</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束05 -->
          <!-- 楼层项开始06 -->
          <div class="louchen1">
            <div class="topic">
              <a href="">1F 游戏专区</a>
              <a href="">更多>></a>
            </div>
            <div class="list">
              <div class="left">
                <img src="./IMG/louchen/louchen1/left.png" alt="" />
              </div>
              <div class="right">
                <ul>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/1.jpg" alt="" />
                      <p>天选3 日蚀灰</p>
                      <p>i5-12500H RTX3050</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/2.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3050Ti</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/3.jpg" alt="" />
                      <p>天选3 魔幻青</p>
                      <p>i7-12700H RTX3060</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/4.jpg" alt="" />
                      <p>天选3 Plus 日蚀灰</p>
                      <p>i7-12700H RTX3070</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/5.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R7 RTX 3060 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/6.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>11代i9 RTX 3060 240Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/7.jpg" alt="" />
                      <p>天选2 魔幻青</p>
                      <p>R7 RTX 3050Ti 144Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="./IMG/louchen/louchen1/8.jpg" alt="" />
                      <p>天选2 日蚀灰</p>
                      <p>R9 RTX 3060 2.5K165Hz</p>
                      <p><span>￥6999</span><span>￥7499</span></p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 楼层项结束06 -->
        </div>
        <!-- 1226结束 -->
      </div>
      <!-- 楼层部分结束 -->
    </main>
    <!-- 网页主体部分结束 -->
    <footer></footer>
  </body>
  <script type="module" src="main.js"></script>
</html>
